<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>二级分类管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="/css/news.css"/>
    <style>
        li {
            list-style: inherit !important;
        }
    </style>
</head>

<body class="childrenBody">
<form class="layui-form" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">分类名</label>
        <div class="layui-input-block">
            <input type="text" lay-verify="required" placeholder="请输入分类名" class="layui-input"
                   id="className">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">封面图</label>
            <div class="layui-input-inline">
                <div class="layui-upload">
                    <div class="layui-upload-list" id="ula">
                        <img class="layui-upload-img" id="mimg" >
                    </div>
                    <button type="button" class="layui-btn" id="test1"><i class="layui-icon">&#xe67c;</i>上传图片</button>
                </div>
            </div>
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label">排序号</label>
        <div class="layui-input-block">
            <input type="text" lay-verify="required" placeholder="请输入排序 从小到大" class="layui-input"
                   id="index">
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <a style="display:none;" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="edit"
               id="edit">立即修改</a>
            <a style="display:none;" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="add" id="add">立即提交</a>
            <a class="layui-btn layui-btn-primary close">关闭</a>
        </div>
    </div>
</form>
<script type="text/javascript" src="../../js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../../layui/layui.js"></script>
<script type="text/javascript" src="../../js/wangEditor.js"></script>
<script type="text/javascript" src="../../js/basic.js"></script>
<script>

    layui.use('upload', function () {
        var upload = layui.upload;
        //执行实例
        var uploadInst = upload.render({
            elem: '#test1',//绑定元素
            url: '/file/upload', //上传接口
            method: 'post',
            done: function (data) {
                if (data.status == 0) {
                    $("#mimg").attr('src', data.result)
                } else {
                    layer.msg(data.msg, {
                        icon: 7
                    });
                }

            }
            , error: function () {
                // console.log(res);
            }
        });

    });

    function edit() {
        if (!$("#mimg").attr("src")) {
            layer.msg('请上传封面图', {icon: 2});
            return;
        }
        var id = GetQueryString("id");
        var topM = layer.msg('数据提交中，请稍候', {icon: 16, time: false, shade: 0.8});
        $.ajax({
            type: "post",
            url: "/class2/update",
            data: {
                className: $("#className").val(),
                photo: $("#mimg").attr("src"),
                index: $("#index").val(),
                class2Id: id
            },
            dataType: "json",
            success:

                function (data) {
                    backData(data, topM);
                }
        })
        ;
    }

    function add() {
        if (!$("#mimg").attr("src")) {
            layer.msg('请上传封面图', {icon: 2});
            return;
        }
        var topM = layer.msg('数据提交中，请稍候', {icon: 16, time: false, shade: 0.8});
        var class1Id = GetQueryString("class1Id");
        $.ajax({
            type: "post",
            url: "/class2/save",
            data: {
                className: $("#className").val(),
                photo: $("#mimg").attr("src"),
                status: 0,
                class1Id: class1Id,
                index: $("#index").val()
            },
            dataType: "json",
            success:

                function (data) {
                    backData(data, topM);
                }
        })

    };

    function backData(data, topM) {
        if (data.status == 0) {

            setTimeout(function () {
                layer.close(topM);
                top.layer.msg("修改成功！");
                //刷新父页面
                parent.getList({});
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                parent.layer.close(index); //再执行关闭
            }, 500);
        } else {
            layer.close(topM);
            layer.msg(data.msg, {icon: 1});
        }
    }

    function begin() {
        var op = GetQueryString("op");
        if (op == "add") {
            $("#add").show();
            return;
        }
        if (op == "edit") {
            $("#edit").show();
        }
        var id = GetQueryString("id");
        $.ajax({
            type: "post",
            url: "/class2/info",
            data: {
                class2Id: id
            },
            dataType: "json",
            success: function (data) {
                if (data.status == 0) {



                    $("#className").val(data.result.className);


                    $("#status").val(data.result.status);

                    $("#mimg").attr("src",data.result.photo)

                    $("#index").val(data.result.index);

                } else {
                    layer.msg(data.msg, {icon: 1});
                }
            }
        });
    }

    //点击取消关闭当前弹窗
    $(".close").click(function () {
//当你在iframe页面关闭自身时
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.layer.close(index); //再执行关闭
    })

    layui.use(['form'], function () {
        var form = layui.form;
        //监听提交
        form.on('submit(add)', function (data) {
            add()
            return false;
        });

        //监听提交
        form.on('submit(edit)', function (data) {
            edit()
            return false;
        });
        begin();
    });

</script>
</body>
</html>